<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>登录界面</title>
		<!-- 引入样式layui -->
		<link rel="stylesheet" href="../sources/layui/css/layui.css" />
		<!-- 引入本地样式 -->
		<link rel="stylesheet" href="../css/layout_login.css" />
	</head>
	<body>
		<main class="main">
			<!-- 导航栏部分 -->
			<nav class="nav">
				<div class="left_nav">
					<div class="logo">m</div>
				</div>
			</nav>
			<div class="right_nav">
				<span>初次使用Heartwarming?</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="registered_genert.html" class="layui-btn">Join</a>
			</div>
			<!-- 主体背景图片 -->
			<div class="background_img">
				<div class="one_img">
					<img src="../img/login/login_backgroud_1.jpg" alt="" class="one_img_1" />
					<img src="../img/login/login_backgroud_7.jpg" alt="" class="one_img_2" />
					<img src="../img/login/login_backgroud_3.jpg" alt="" class="one_img_3" />
				</div>
				<div class="two_img">
					<img src="../img/login/login_backgroud_4.jpg" alt="" class="two_img_1" />
					<img src="../img/login/login_backgroud_5.jpg" alt="" class="two_img_2" />
					<img src="../img/login/login_background_8.jpg" alt="" class="two_img_3" />
				</div>
			</div>
			<!-- 阴影设置 -->
			<div class="show"></div>
			<!-- 悬浮的登录框 -->
			<div class="frame_login">
				<div class="title">欢迎回到 Heartwarming</div>
				<div class="three_login">
					<div class="fa_login">
                        <img src="../img/login/facebook.png" alt="" />
						<a
							href="https://play.google.com/store/apps/details?id=com.facebook.katana&hl=zh&gl=US"
							>
							使用Facebook账户登录</a
						>
					</div>
					<br /><br />
					<div class="go_login">
						<img src="../img/login/Google.png" alt="">
						<a
							href="https://accounts.google.com/signin/v2/identifier?hl=zh-CN&flowName=GlifWebSignIn&flowEntry=ServiceLogin"
							> 使用Google账户登录</a
						>
					</div>
				</div>
				<div class="or_login">
					<span>OR</span>
					<br />
				</div>
				<div class="password">
					<input type="email" name="" id="" placeholder="电子邮箱、手机、昵称" /><br />
					<input type="password" name="" id="" placeholder="密码" /><br />
					<a href="login_in.htm"><button type="submit">登录</button></a>
				</div>
				<div class="foget_password">
					<a href="change_password.html">忘记密码</a>
				</div>
			</div>
			<!-- 页尾部分 -->
			<!-- <div class="clear"></div> -->
			<footer class="footer">
				<a href="../index.html">主页</a>
				<a href="upload_article_ahead.html">暖心扶贫</a>
				<a href="../index.html#fire_advice">热门推荐</a>
				<a href="happiest_challenge.html">挑战赛</a>
				<a href="about_us.html">关于我们</a>
			</footer>
		</main>
	</body>
</html>
